{% extends 'layout/basic.html' %}


{% block title %}注册用户{% endblock %}

{% block css %}
    <style>
        .account {
            width: 600px;
            margin: 0 auto;
        }

    </style>

{% endblock %}

{% block content %}
    <div class="account">
        <h1 style="text-align: center">注册用户</h1>

        <form>
            {% for field in form %}
                {% if field.name == 'code' %}
                    <div class="form-group">
                        <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                        <div class="clearfix">
                            {#                             clearfix 取消想做浮动#}

                            <div class="col-md-6">{{ field }} </div>
                            <div class="col-md-6">
                                <input type="button" class="btn btn-default" value="点击获取验证码">

                            </div>
                        </div>
                    </div>


                {% else %}
                    <div class="form-group">
                        <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                        {{ field }}
                    </div>
                {% endif %}
            {% endfor %}

            <button type="submit" class="btn btn-primary"> 注 册 </button>
        </form>


    </div>
{% endblock %}